<template>
  <!-- App.vue for Uni-app -->
  <view class="container">
    <slot />
  </view>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      // 可以在这里定义数据
    }
  },
  onLaunch: function() {
    console.log('App Launch')
    // Uni-app 特有的初始化可以放在这里
  },
  onShow: function() {
    console.log('App Show')
  },
  onHide: function() {
    console.log('App Hide')
  },
}
</script>

<style>
/* App.vue*/

.title{
  text-align: center;
  padding: 5rpx;
}

.VBox {
  display: flex;
  flex-direction:column;
}

.HBox {
	width: 100%;
	display: flex;
	flex-direction:row;
	align-content: center;
	border-bottom: 3rpx solid black;
}

.Button {
	min-width: 14%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5rpx, 5rpx;
	border-radius: 5rpx;
	border: none;
	cursor: pointer;
	font-weight: bold;
	font-size: min(28rpx, 20px);
	background-color: #c4c4c4;
}

.active {
	background-color: #009900; 
	color: white;
}

.container {
  max-width: 400px;
  margin: 0 auto;
  padding: 30px;
  background: black;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* HomeView.vue */

.home-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 100vh;
  padding: 100rpx 0;
  box-sizing: border-box;
}

.buttons-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.homeButton {
  width: 75%;
  margin: 30rpx auto;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 使用 box-shadow 模拟边框或增加层次感，如果需要边框：border: 1px solid #ccc; */
}

.homeButton text {
  color: white;
  font-weight: bold;
  font-size: min(32rpx, 25px);
}

.button-green {
  background-color: green;
}

.button-blue {
  background-color: blue;
}

.button-purple {
  background-color: purple;
}

/*RegionList.vue*/

.province-list {
	list-style-type: none;
	padding-left: 0;
}

.province{
	border-bottom: 3rpx solid #e5e5e5;
	cursor: pointer;
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.province.extend{
    padding-bottom: 0rpx;
}

.city{
    border-bottom: 3rpx solid #e5e5e5;
    list-style-type: none;
    padding-top: 10rpx;
    padding-bottom: 10rpx;
    padding-left: max(10%, 40rpx);
}

.city.extend:first-child{
    padding-top: 20rpx;
}

/* 清除最后一个省份和最后一个城市的底部边框 */
ul > li:last-child,
ul ul li:last-child {
	border-bottom: none;
}

@keyframes blink {
	100%,100% { opacity: 1; }
	50% { opacity: 0; }
}

.blink {
	animation: blink 1s infinite;
}

.search-input{
	margin-top: 10px;
	font-size: min(28rpx, 20px);
	width: 70%;
	height: min(60rpx, 40px);
	border: min(5rpx, 3px) solid #e5e5e5;
	border-radius: 5rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
	outline: none;
}

button.search {
	background-color: #aeaeae;
}

</style>